<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!doctype html>
<html class="no-js">
<head>
    <%@ include file="./../common/meta.jsp" %>
    <link rel="stylesheet" href="../../css/ecshop-detail.css">
    <script type="text/javascript">
        var pid = "<%=request.getParameter("pid")%>";
    </script>
    <link rel="stylesheet" type="text/css" href="../../lib/slick/slick.css">
    <link rel="stylesheet" type="text/css" href="../../lib/slick/slick-theme.css">
    <style>
        .sku_chk {
            background-color: #ff4200;
            cursor: pointer
        }
    </style>
</head>
<body>
<header data-am-sticky class="am-header am-header-default am-no-layout">
    <div class="am-header-left am-header-nav">
        <a href="../../app/ecshop/ecshop-list.jsp" class="">
            <i class="am-header-icon am-icon-chevron-left"></i>
        </a>
    </div>
    <h1 class="am-header-title">商城详情</h1>
</header>


<div class="am-content">

    <section class="regular slider" id="proImgSlides">

    </section>
    <div class="intro-info" id="proDetailDesc">

    </div>
    <div id="comment-content">

    </div>
</div>


<div class="buy-bottom">

    <div class="buy-info detail-size">
        <div id="shopName">
        </div>
    </div>

    <div class="buy-info detail-size">
        <a href="javascript:void(0);" id="skuProperCheck">
            <span class="label">颜色\尺寸\数量</span>
            <span class="icon-right"></span>
        </a>
    </div>


    <div class="buy-info">
        <div class="buy-num">
            <span class="text">数量：</span>
            <span class="sub subtraction"></span>
            <span class="number" id="number">1</span>
            <span class="plus plus-able"></span>
        </div>
        <div class="buy-price" id="buyPrice">
            单价:...元
        </div>
        <div class="buy-price">
           龙凤币抵扣(/件):<b id="lfb">0</b>(<b id="totalLfb">0</b>)元
        </div>
    </div>
    <div class="buy-action">
        <div class="buy-shopping">￥<span class="total-price" id="totalPrice">...</span>.<span
                class="sub-price">00</span></div>
        <div class="buy-shopping-cart" id="shopping-cart">加入购物车</div>
        <div class="buy-go" id="pay-btn">立即购买</div>
    </div>
    <div class="collect">
        <a href="#" id="collect">收藏</a>
    </div>
</div>


<div class="am-modal am-modal-alert" tabindex="-1" id="skuProperPannel">
    <span id="speId" data="0"></span>
    <div class="am-modal-dialog">
        <div class="dgsc-pr">
            <div class="dgscp-c">
                <h3 class="bt">属性</h3>
                <p class="dgsc-pc" id="specColor">
                </p>
            </div>
            <div class="dgscp-c">
                <h3 class="bt"></h3>
                <button type="button" class="am-btn am-btn-primary" style="margin-top:20px;" id="skuCheckBtn">确定
                </button>
            </div>
        </div>
    </div>
</div>

<script id="shopname-template" type="text/x-handlebars-template">
    <a href="./user-shop.jsp?shopId={{shop.id}}&&pid={{e.id}}"><h3>{{shop.shopname}}</h3></a>
</script>


<script id="proImgSlides-template" type="text/x-handlebars-template">
    {{#with e}}
    {{#each productImageList}}
    <div>
        <img src="{{../../imgRoot}}{{image1}}" style="height: 250px">
    </div>
    {{/each}}
    {{/with}}
</script>
<script id="proImgColorSlides-template" type="text/x-handlebars-template">
    {{#each specs}}
    <i data-tag=0 class="sku_chk" attr_id="{{id}}" attr_price="{{specPrice}}">{{specColor}}+{{specSize}}</i>
    {{/each}}
</script>
<script id="comment-template" type="text/x-handlebars-template">
    评价({{total}}条)
    {{#each list}}
    <hr>
    <div>
        <span>{{this.starList}}</span>
        <span class="comment-nickname">{{this.nickname}}</span>
        <div>{{this.content}}</div>
    </div>
    {{/each}}
</script>
<%@ include file="./../common/footer.jsp" %>
<script src="../../js/common/common.js"></script>
<script src="../../js/ecshop/ecshop-detail.js"></script>
<script src="../../lib/slick/slick.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>